<!DOCTYPE html>
<html xmlns="http://www.w3.org/1a5a5a5/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1, minimum-scale=1, user-scalable=no, maximum-scale=1,width=device-width">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- uc强制竖屏 -->
<meta name="screen-orientation" content="portrait">
<!-- QQ强制竖屏 -->
<meta name="x5-orientation" content="portrait">

<title></title>
<link rel="icon" type="images/png" href="" />
<meta name="keywords" content="" />
<meta name="description" content="" />

<!-- 功能样式 -->
<link type="text/css" rel="stylesheet"  href="css/style.css"/><!-- 公用样式 -->
<link type="text/css" rel="stylesheet"  href="css/index.css"/><!-- 首页样式 -->

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script><!-- 公用 -->
<script type="text/javascript" src="js/jquery.touchSlider.js"></script><!-- banner -->
<!-- 功能样式 -->

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

</head>

<body>
<!-- 搜索 -->
<div id="search" class="clearfix">
	<a class="prev fl" href="javascript:history.go(-1);" title="后退">&lt;</a>
	<div class="search fl">
    	<input type="text" id="searchtext" class="searchtext fl" placeholder="请输入搜索内容" />
        <input type="submit" id="searchsubmit" class="searchsubmit fr" value="搜索" />
    </div>
    <a class="cart fl" href="cart_view.html" title="购物车">购物车</a>
</div>
<!-- 搜索 -->


<!-- 内容切换 -->
<div id="switch">

<!-- 内容 -->
<div class="main_visual clearfix">
	<div class="main_image">
		<ul>
			<li><a style="background:url(uploadfile/1394415508290057627.jpg) center top no-repeat"></a></li>
			<li><a style="background:url(uploadfile/img.jpg) center top no-repeat"></a></li>
		</ul>
	</div>
	<div class="flicking_con">
		<a href="#">1</a>
		<a href="#">2</a>
	</div>
    <a href="javascript:;" id="btn_prev"></a>
	<a href="javascript:;" id="btn_next"></a>
</div>
<!-- 内容 -->

<!-- 导航 -->
<div id="nav" class="clearfix mt10">
	<ul class="nav list3">
    	<li><a href="#" title="" class="cur1">方 和 堂</a></li>
        <li><a href="#" title="" class="cur2">积分兑换</a></li>
        <li><a href="#" title="" class="cur3">会 员 卡</a></li>
        <li><a href="#" title="" class="cur4">专用链接</a></li>
        <li><a href="#" title="" class="cur5">套餐</a></li>
        <li><a href="#" title="" class="cur6">更多分类</a></li>
    </ul>
</div>
<!-- 导航 -->

<div class="clearfix">
	<h3 class="title mt10"><p>——　新品上架　——</p><span>方和堂，为健康而来</span></h3>
	<ul class="listThree mt10">
    	<li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
    </ul>

	<h3 class="title mt10"><p>——　热销产品　——</p><span>方和堂，为健康而来</span></h3>
	<ul class="listThree mt10">
    	<li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
    </ul>

	<h3 class="title mt10"><p>——　精品推荐　——</p><span>方和堂，为健康而来</span></h3>
	<ul class="listThree mt10">
    	<li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
        <li class="clic">
        	<div><img src="uploadfile/img.jpg" alt="images" /></div>
            <h3><span class="fl">标题</span><span class="fr">$999</span></h3>
            <em><span>已售：3333</span></em>
        </li>
    </ul>

</div>

</div>
<!-- 内容切换 -->

<!-- 底部 -->
<div id="foot" class="clearfix">
	<ul class="foot_nav">
    	<li><a href="index.html" title="" class="cur"><i class="sy"></i><em>首页</em></a></li>
        <li><a href="shop.html" title=""><i class="sc"></i><em>商品</em></a></li>
        <li><a href="wen.html" title=""><i class="cz"></i><em>软文</em></a></li>
        <li><a href="cart.html" title=""><i class="gwc"></i><em>购物车</em></a></li>
        <li><a href="mine.html" title=""><i class="we"></i><em>个人中心</em></a></li>
    </ul>
</div>
<!-- 底部 -->

<!-- javascript -->
<script type="text/javascript">
$(document).ready(function(){
	//  点击切换
	$dragBln = false;
	$(".main_image").touchSlider({
		flexible : true,
		speed : 300,
		btn_prev : $("#btn_prev"),
		btn_next : $("#btn_next"),
		paging : $(".flicking_con a"),
		counter : function (e){
			$(".flicking_con a").removeClass("on").eq(e.current-1).addClass("on");
		}
	});
	// 自动轮换
	timer = setInterval(function(){
		$("#btn_next").click();
	}, 3000);
	$(".main_visual").hover(function(){
		clearInterval(timer);
	},function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		},3000);
	});
	$(".main_image").bind("touchstart",function(){
		clearInterval(timer);
	}).bind("touchend", function(){
		timer = setInterval(function(){
			$("#btn_next").click();
		}, 3000);
	});
});
</script>
<!-- javascript -->
</body>
</html>
